<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>HTML 链接</title>
    </head>
    <style>
        img {
            max-width: 50%;
            height: auto;
        }
    </style>
    <body>
        <p>
            <a href="/try/002.html">文本格式化</a>
            是指向/try/002.html的连接
        </p>
        <p>
            <a href="https://gitee.com/deng-chongshuang">DCSGO的gitee</a>
            是一个指向万维网上的页面连接。
        </p>
        <hr />
        <p>图像链接</p>
        <a href="https://gitee.com/deng-chongshuang" target="_blank" title="浏览DCSGO的gitee仓库">
            <img decoding="async" src="img01.png" alt="实例图片" />
        </a>
        <hr />
        <a name="top"></a>
        <p>锚点连接</p>
        <p>
            <a href="#top"> 当前位置</a>
            <a href="#first">第一张图片</a>
            <a href="#second">第二张图片</a>
            <a href="./003.html" download>下载当前网页</a>
            <a href="#target">target属性</a>
        </p>
        <a name="first"></a>
        <h2>
            第一张图片
            <a href="./look01.jpg" download>下载当前图片</a>
        </h2>
        <img src="./look01.jpg" alt="第一张图片" />
        <a name="second"></a>
        <h2>
            第二张图片
            <a href="./look02.jpg" download>下载当前图片</a>
        </h2>
        <img src="./look02.jpg" alt="第二张图片" />
        <hr />
        <a name="target"></a>
        <p>target 属性</p>
        <a href="https://gitee.com/deng-chongshuang" target="_blank" rel="noopener noreferrer"> 访问我的Gitee! </a
        ><br />
        <a href="./look01.jpg" target="_blank">单独查看第一张图片</a><br />
        <a href="./look02.jpg" target="_blank">单独查看第二张图片</a>
        <hr />
        <p>id 属性</p>
        <p>id 属性可用于创建一个 HTML 文档书签。</p>
        <p>提示: 书签不会以任何特殊方式显示，即在 HTML 页面中是不显示的，所以对于读者来说是隐藏的。</p>
        <p>从另一个页面创建一个链接到"缩写和首字母缩写(id="abac")"</p>
        <a href="./002.html#abac" target="_blank">缩写和首字母缩写</a>
    </body>
</html>
